import React from 'react';
import { Link } from 'react-router-dom'
import styles from './style.less';

const TopLinks = ( { children } ) => {

  return (
    <div className={ styles.linksTop }>
      { children }
    </div>
  );
};

const BottomLinks = ( { children } ) => {
  return (
    <div className={ styles.linksBottom }>
      <div >
        { children }
      </div>
    </div>
  );
};

const A = ( { children, ...props } ) => {
  return (
    <Link className={ styles.a } {...props} >
      <div>
        { children }
      </div>
    </Link>
  );
};

const Links = {
  Top: TopLinks,
  Bottom: BottomLinks,
  a: A
};

export default Links;


